<template>
  <div id="homeDiv">
    <el-container style="position: absolute;top:0%;left: 0%;bottom: 0%;right: 0%;">
      <el-header>
		  <HeaderLayout></HeaderLayout>
	  </el-header>
      <el-container>
        <el-aside>
			<LeftSidebar></LeftSidebar>
		</el-aside>
        <el-main>欢迎进入系统</el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
//引入组件
import LeftSidebar from './LeftSidebar.vue';
import HeaderLayout from './HeaderLayout.vue'
export default{
	// 注册声明
	components:{
		LeftSidebar,
		HeaderLayout
	},
	data(){
		return{
			
		}
	}
}

</script>

<style>
html,body{
	height: 100%;
	width: 100%;
}

#homeDiv{
	height: 100%;
	bottom: 0%;
	width: 100%;
	margin-left: -32px;
}

.el-aside {
	height: 100%;
}
.el-main{
	height: 100%;
}
</style>